<template>
  <section class='f-middle'>11</section>
</template>
<script>
import { ref, reactive, toRefs, onMounted, watch } from 'vue';
import { useRouter, useRoute } from 'vue-router'
import { useStore } from 'vuex';
export default {
  setup(props, context) {
    const store = useStore()
    const router = useRouter()
    const route = useRoute();
    const state = reactive({})

    onMounted(() => {
      let path = route.query.pathName
      let query = route.query
      router.replace({
        path,
        query
      })
    })

    return {
      ...toRefs(state)
    }
  }
}
</script>
<style lang='scss' scoped>
.f-middle {
}
</style>